<template>
	<view class="flex justify-between align-center padding margin-tb">
		<view class="flex align-center">
			<text class="iconfont icon-canju"></text>
			<text class="line margin-lr text-gray">/</text>
			<view class="">
				<view class="">
					{{title}}
				</view>
				{{enTitle}}
			</view>
		</view>
		<view class="">
			{{enTit}}
		</view>
	</view>
</template>

<script>
	export default {
		name:"home-title",
		props:['title','enTitle'],
		computed: {
			enTit() {
				return this.enTitle.split(' ')[0] 
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.icon-canju,.line{
	font-size: 60upx;
}
</style>
